import React, { useRef, useState } from 'react'
import { NavBar, Space, Toast, Form, Input, Button, Picker, Tabs } from 'antd-mobile'
import { useNavigate } from 'react-router-dom'


import MyHeader from '../../components/MyHeader'
import LoginByName from './LoginByName'
import LoginByPhone from './LoginByPhone'




const Login = () => {

    return (
        <div>
            <MyHeader title='登 录'></MyHeader>
            <Tabs>
                <Tabs.Tab title='用户名登录' key='username'>
                    <LoginByName></LoginByName>
                </Tabs.Tab>
                <Tabs.Tab title='手机号登录' key='phone'>
                    <LoginByPhone></LoginByPhone>
                </Tabs.Tab>
            </Tabs>
        </div>
    )
}

export default Login
